import React from 'react';
import './index.scss';
import { Grid } from '@arco-design/web-react';
const Row = Grid.Row;
const Col = Grid.Col;

interface OwnProps {
}

const mov1 = require('../../../assets/birthday_song.mov');
const savePng = require("../../../assets/save.png");

const Main = (props:OwnProps) => {
    const {} = props
    return (
        <div className="main-box">
            <Row className='grid-demo' style={{ marginBottom: 16 }}>
                <Col span={24}>
                    <video className="video___1maPC"
                           autoPlay
                           playsInline
                           controls
                           src={mov1}
                    />
                </Col>
                <Col span={24}>
                    <a className="downloadVideo___3fg9d" download="download"
                       href="https://api.xiqianyangyi.com/content/posts/download?url=https%3A%2F%2Fwww.xiqianyangyi.com%2Fuploaded%2F2022-05-20%2F1653048378001_trim.914EA740-FD04-49B3-87ED-D2BD4F6433B0.MOV">
                        <img src={savePng} alt="" title="保存"/></a>

                </Col>
            </Row>
        </div>
    )
}

export default Main;
